* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  font-size: 12px;
  color:#000 }

body, ul, li, h5, p {
  padding: 0;
  margin: 0;
  font-family: "Microsoft YaHei",Helvetica; }

body, html, .con {
  width: 100%;
  height: 100%;
  position: relative;
  background: #f5f5f5;
}

em, i, b, a{
  font-style: normal;
}

li {
  list-style: none;
  display: block; }
#home{
  width:100%;
  height: auto;

}
.content{
  width:100%;
  height:auto;
  background: #24272d;

}
.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
   display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.home_header{
  width:1148px;
  height:69px;
  line-height: 58px;
  margin: 0 auto;
}
.home_header li{
float: left;
margin:0 20px;
}
.home_header li a{
  color:#fff;
  font-size: 14px;
  text-decoration: none
}

.home_header_log{
float: left;
}

.home_header_loging{
float: right;
}
.home_banner{
  width: 100%;

}

.home_banner li{
  height: 600px;
  background: yellow;

}
.home_banner li img{
  width: 100%;
  height:100%;
}

.home_courser{
  width: 1148px;
  height: auto;
  margin: 50px auto;

}
.home_courser_hotcourse{
  height: 20px;
}
.home_courser_hotcourse h4{
   float: left;
}
.home_courser_hotcourse a{
    float: right;
    color:#888787;
}
.home_courser_content{
  width:100%;
  clear:both;
}
.home_courser_content dl{
  width: 270px;
  height: 382px;
  /*border:1px solid #ccc;*/
  float: left;
  margin: 20px 7px;
  box-shadow:6px 6px 6px #d9d9d9;

}
.home_courser_content dt{
  margin: 4px auto;
  text-align: center;

}
.home_courser_content dt a{
  width: 260px;
  height: 260px;
  background:blue;
  display: inline-block;
  margin:4px 4px 0 4px;

}
.home_courser_content dd{
  margin-top: 14px;


}

.home_courser_one{
 font-size: 18px;
 font-weight: bold;
 width: 252px;
 overflow:hidden;
 text-overflow:ellipsis;
 -o-text-overflow:ellipsis;
 -webkit-text-overflow:ellipsis;
 -moz-text-overflow:ellipsis;
  white-space:nowrap;
  margin:0px 14px 0 14px;
}

.home_courser_two{
  font-size: 14px;
  width: 252px;
  text-align: center;
    margin:13px 14px 0 14px;

}
.home_courser_two_span{
  float:left;
}
.home_courser_two_span a{

  display: inline-block;
  color:#24272d;
}
.home_courser_two .courser_yellow{
  font-size: 18px;
  float:right;
  color: #e0983a;
  margin: 0px 14px 0 0;

}
.home_courser_three{
height: 28px;
line-height: 28px;

}
.home_courser_three button{
  display: inline-block;
  background:#32ab9e;
  font-size: 14px;
  width:64px;
  height: 28px;
  text-align: center;
  color: #fff;
  float:right;
  margin: 0px 14px 0 0;
  border:none;
}
.home_courser_three span{
  position: relative;
  top: 5px;
  color: #b8b8b8;
  font-size: 12px;
}
.home_courser_three a{
  color: #b8b8b8;
  font-size: 12px;

}

.famous_teacher{
  clear: both;
  width: 1148px;
  height: 588px;
  margin: 115px auto;
}

.famous_teacher_title{
  height: 20px;

}
.famous_teacher_title h4{
   float: left;
}
.famous_teacher_title a{
    float: right;
    color:#888787;
}

.famous_teacherlist{
  width:100%;
  clear:both;
}

.famous_teacherlist dl{
  width: 270px;
  height: 382px;
  /*border:1px solid #ccc;*/
  float: left;
  margin: 20px 7px;
  box-shadow:6px 6px 6px #d9d9d9;
}
.famous_teacherlist dt{
  width: 162px;
  height: 162px;
  /*border-radius:50%;*/
  /*border: 1px solid #ccc;*/
  margin:50px 50px 20px 50px;
}
.famous_teacherlist dd{
  margin: 0px 49px 0 49px;


}
.famous_teacherlist dd p{
  text-align: center;
  line-height: 24px;


}

.famous_teacherlist dd div{
  height: 38px;
  width: 170px;
  /*overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
   white-space:nowrap;*/
}

.custom{
  width: 100%;
  height: 800px;
  background:#e5e5e5;
  clear: both;
}
.home_footer{
  height: 200px;
  background:#24272d;
  color: #fff;

}
.home_footer h4{
  height: 56px;
  line-height: 56px;
  text-align: center;
  width: 634px;
  margin: 0 auto;
  border-bottom:2px solid #66686c;
}
.home_footer p{
  color: #fff;
  text-align: center;
  margin: 0 auto;
  line-height: 42px;
  height: 42px;
  font-size: 14px;
}
.home_footer img{
  padding-right:10px;
}
/*.home_footer p.home_footer_p3{
  color: #8f9092!important;
  margin-top:33px!important;
}*/
